<template>
  <component :is="layoutCompMap.get(layout)"></component>
</template>

<script setup lang="ts">
import { ref, Component as VueComp } from 'vue'
import type { CustomLayout } from './typing.d.ts'
import LeftRightLayout from './LeftRightLayout.vue'

const layout = ref<CustomLayout>('LeftRightLayout')
const layoutCompMap = new Map<CustomLayout, VueComp>()
layoutCompMap.set('LeftRightLayout', LeftRightLayout)
</script>

<style scoped lang="scss"></style>
